<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
img{
    border: none;
}
.head_nav{
    font-size: 12px;
    cursor: pointer;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.list-box{
    width: 100%;
    height: auto;
    background: #e7e7e7;
    overflow: hidden;
}
.bd-list{
    width: 800px;
    margin: 0 auto;
    height: 600px;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 15px;
}
.list-tit{
    height: 70px;
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    line-height: 70px;
}
.list-tit h3{
    color: #e4732f;
    font-size: 20px;
    font-weight: bold;
}
.list-nr{
    padding: 40px 80px 80px 80px;
    height: auto;
}
.list-nr ul{
    width: 100%;
    margin: 0 auto;
}
.list-nr ul li{
    border-bottom: 1px solid #dfdfdf;
    list-style: none;
    padding: 12px;
    line-height: 40px;
}
.list-nr ul li img{
    float: left;
}
.list-nr ul li label{
    width: 120px;
    display: inline-block;
    float: left;
}
label{
    cursor: default;
}
.tips{
    color: rgba(0, 0, 0, 0.5);
    padding-left: 10px;
    font-size: 10px;
}
</style>
</head>

<body>
 <div class="list-box">
                <div class="bd-list">
                    <div class="list-tit">
                        <h3>优币兑换表单</h3>
                    </div>
                    <div class="list-nr">
                        <form name="form1" method="post">
                            <ul>
                                <li>
                                    <label> 商品名称：</label>
                                    <input type="text" name="yourname" placeholder="请输入商品名称" onblur="checkna()" required />
                                    <span class="tips" id="divname">输入详细的商品名称</span>
                                </li>
                                <li>
                                    <label> 商品价格：</label>
                                    <input type="text" name="yourname" placeholder="请输入商品名称" onblur="checkna()" required />
                                    <span class="tips" id="divname">输入商品的购买价格</span>
                                </li>
                                <li>
                                    <label> 商品链接：</label>
                                    <input type="text" name="yourname" placeholder="请输入商品名称" onblur="checkna()" required />
                                    <span class="tips" id="divname">输入正确的商品链接</span>
                                </li>
                                <li>
                                    <label> 备注信息：</label>
                                    <textarea name="message" cols="40"rows="6" placeholder="填写你的商品详细信息、规格" required></textarea>
                                    <span class="tips" id="divname">输入详细的商品名称</span>
                                </li>
                            </ul>
                        </form>
                    </div>
                </div>
            </div>
</body>
</html>
